var  vm = new Vue({
    el:"#home",
    data:{
        Arr:[
            {image:"pic.png",value:"小火锅",month:600,goodsnum:1},
            {image:"pic.png",value:"小火锅",month:200,goodsnum:1},
            {image:"pic.png",value:"小火锅",month:300,goodsnum:1},
          
        ]
    },
    methods: {
        add(item){
            item.goodsnum++
        },
        sub(item){
            if(item.goodsnum>0){item.goodsnum--}
        },
        clear(){
            this.Arr = []
        },
        sort(){
            // if(index == 0){
                 this.Arr.sort((a,b)=>{
                      return a.month - b.month
                 })
            // }
        }
    },
    computed: {
        //负责定义计算属性
        // 直接当做普通属性调用不加括号
        // 任何data中数据变化立即重新计算
        // 计算属性会缓存  而普通函数的方法执行效率低，不会缓存，就算计算结果相同，也会再次调用函数  

        // 计算属性只有当内部依赖的数据发生改变时，内部代码才会重新执行

        // 提升页面的计算性能
        totalCount(){
            var sum = 0;
            this.Arr.forEach((item)=>{
                sum += item.goodsnum;
            })
            return  sum
        },
        totalPrice(){
            var sum = 0;
            this.Arr.forEach((item)=>{
                sum += item.goodsnum * item.month
            })
            return  sum
        }
       
    },
})